<%-- 
    Document   : plantilla_index
    Created on : 16-jun-2011, 23:48:34
    Author     : Endika
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Ocio Vitoria-Gasteiz</title>
        <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="css/estiloMenu.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/estilo_vitoria_verde.css" media="screen" />
        <!--Para el modal box-->
        <script type="text/javascript" src="js/jquery-latest.js"></script>
        <link href="css/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
        <script src="js/facebox.js" type="text/javascript"></script> 
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('a[rel*=facebox]').facebox()
            $.facebox.settings.opacity = 0.8;
        }) 
        </script>
        <!--Para el estilo del contacto-->
        <link rel="stylesheet" href="css/estilo_contacto.css" type="text/css" media="screen"/>
        <!-- sliderman.js -->
        <style type="text/css">
		* { margin: 0; outline: none; }
		body { background-color: #444444; }
		.c { clear: both; }
		#wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 960px; }
		h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276; text-shadow: 0 1px 3px #222222; }
	</style>
	<script type="text/javascript" src="js/sliderman.1.3.0.js"></script>
	<link rel="stylesheet" type="text/css" href="css/sliderman.css"/>
	<!-- /sliderman.js -->
    </head>
    <body>
        <div id="templatemo_top_section">
    	<div class="templatemo_container">
            <div id="templatemo_header">
                <div id="template_img">
                <img src="images/titulo33.png"/>
                </div>
                    <div id="templatemo_social">
                    	<a href="#">
                        	<img src="images/templatemo_rss.png" alt="RSS" />
                        </a>

                        <a href="#">
                        	<img src="images/templatemo_delicious.png" alt="Delicious" />
                        </a>

                        <a href="#">
                        	<img src="images/templatemo_twitter.png" alt="Twitter" />
                        </a>
                    </div>
                
               
          <div id="menu">
<!-- Menu-->
    <ul id="nav">
	<li class="top"><a href="index.jsp" class="top_link2"><span>Inicio</span></a></li>
	<li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Música</span></a>
		<ul class="sub">
			<li><a href="#nogo3" >Conciertos</a></li>
                        <li><a href="#nogo4" >Festivales</a></li>
                        <li><a href="#nogo5" >Pubs</a></li>
		</ul>
	</li>
	<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Teatro</span></a>
		<ul class="sub">
			<li><a href="#nogo23">Obras de teatro</a></li>
			<li><a href="#nogo24">Danza</a></li>
			<li><a href="#nogo25">Ballet</a></li>
			<li><a href="#nogo26">Opera</a></li>

		</ul>
	</li>
	<li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down2">Cine</span></a>
		<ul class="sub">
			<li><a href="#nogo28">Guridi</a></li>
			<li><a href="#nogo29">Boulevard</a>
                        <li><a href="#nogo29">Florida</a>
                        <li><a href="#nogo29">Yelmo cines </a>

		</ul>
	</li>

	<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Arte</span></a>
		<ul class="sub">
			<li><a href="#nogo54">Artium</a></li>
			<li><a href="#nogo55">Montermoso</a></li>
			<li><a href="#nogo56">Otros</a></li>
                </ul>
	</li>
        <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Planes</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Visitas Guiadas</a></li>
			<li><a href="#nogo65">Excursiones</a></li>
			<li><a href="#nogo66">Anillo Verde</a></li>
                        <li><a href="#nogo65">Espectaculos</a></li>
			<li><a href="#nogo66">Ferias</a></li>
                </ul>
	</li>
         <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Deportes</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Campeonatos</a></li>
			<li><a href="#nogo65">Alaves</a></li>
			<li><a href="#nogo66">Baskonia</a></li>

                </ul>
	</li>
          <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Centros Civicos</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Gauekoak</a></li>
			<li><a href="#nogo65">Actividades</a></li>

                </ul>

       	</li>
        <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Varios</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Concursos</a></li>
			<li><a href="#nogo65">Educacion</a></li>
			<li><a href="#nogo66">Telefonos</a></li>
                        <li><a href="#nogo65">Farmacias</a></li>
			<li><a href="#nogo66">Transportes</a></li>
                </ul>
	</li>
         <li class="top"><a href="#nogo63" id="shop" class="top_link3"><span class="down">De Fiesta</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Pintxo Pote</a></li>
			<li><a href="#nogo65">Salas</a></li>
			<li><a href="#nogo66">Fiestas Populares</a></li>
                        <li><a href="#nogo65">La Blanca</a></li>
		</ul>
	</li>

        </ul>
              </div>
            </div>
        </div><!-- End Of Container -->
	</div><!-- End Of Top Section --> 
        
   
   
   
   
   <div id="templatemo_middle_section">
         
    	<div class="templatemo_container">
            
            <div class="templatemo_content_area">
               <div id="titulo_verde">
                    <img src="images/titulo_capital_verde.png"/>
                </div>
                
                <div id="bloque_sliderman">
                    <div id="wrapper">
		<div id="examples_outer">

			<div id="slider_container_1">

				<div id="SliderName">

					<a href="#1">
						<img src="images/sliderman/vv.jpg" />
					</a>
					<a href="#2">
						<img src="images/sliderman/vv2.jpg" />
					</a>

					<img src="images/sliderman/vv3.jpg" />
					<div class="SliderNameDescription"><a href="#3">Link</a></div>
					<img src="images/sliderman/vv4.png" />
                                        <img src="images/sliderman/vv5.jpg" />
				</div>
				<div class="c"></div>
				<div id="SliderNameNavigation"></div>

				<div class="c"></div>

				<script type="text/javascript">

					// we created new effect and called it 'demo01'. We use this name later.
					Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});

					var demoSlider = Sliderman.slider({container: 'SliderName', width: 640, height: 300, effects: 'demo01',
					display: {
						pause: true, // slider pauses on mouseover
						autoplay: 4000, // 3 seconds slideshow
						always_show_loading: 200, // testing loading mode
						description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description box settings
						loading: {background: '#000000', opacity: 0.2, image: 'images/sliderman/loading.gif'}, // loading box settings
						buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
						navigation: {container: 'SliderNameNavigation', label: '&nbsp;'} // navigation (pages) settings
					}});

				</script>

				<div class="c"></div>
			</div>
			<div class="c"></div>
		</div>

		<div class="c"></div>

	</div>
       </div><!--bloque sliderman-->
       
       <div id="texto">
           <p>
               El día 21 de octubre de 2010 le fue concedida a la ciudad de Vitoria-Gasteiz el 
               premio European Green Capital 2012. Con el mismo la Comisión Europea reconoce la 
               labor de la ciudad en materias medioambientales y la corona como ejemplo europeo 
               de sostenibilidad urbana durante el citado año. El galardón que tan solo tiene dos 
               años de antigüedad ha premiado así mismo a Estocolmo(2010), Hamburgo(2011) y Nantes(2013).
           </p>
           <p>
                Siguiendo con el debate sobre Ecología Urbana iniciado hace meses, creemos interesante 
                describir este caso, que puede valer de espejo para otros municipios y que nos permite 
                entrever si, como decía su eslogan, Vitoria, además de Verde por Fuera, es Verde por Dentro.
           </p>
           <p>
               La web del Ayuntamiento resalta que los principales méritos de la candidatura han sido 
               "sus ambiciosos planes relacionados con la lucha contra el cambio climático, la calidad 
               del aire, el Anillo Verde, el consumo de agua, la gestión de residuos, la eficiencia energética, 
               el urbanismo sostenible, los parques y jardines, los carriles bici o el sistema de transporte 
               público". En nuestro artículo nos centraremos en ese modelo urbano sostenible que requiere de 
               una labor especialmente compleja y prolongada en el tiempo.
           </p>
           <p>
               Vitoria-Gasteiz es un municipio de algo menos de 240.000 habitantes que posee un tejido urbano 
               denso, compacto, continuo y complejo, lo que unido a sus altos estándares de áreas verdes por 
               habitante (42m2/hab) y de servicios sociales básicos materializados en los 12 Centro Cívicos 
               (a 1 km de cualquier vivienda) la convierte en una ciudad equilibrada desde el punto de vista 
               medioambiental, pero también social y económico.
           </p>
           <p>
               La orografía de la Llanada Alavesa que rodea la ciudad y la sensatez de sus diseñadores han 
               originado que las sucesivos crecimientos se hayan producido en anillos concéntricos en torno 
               a la primigenia almendra medieval, permitiendo una gran conectividad entre todas las áreas de 
               la urbe y un consumo prudente de su suelo.
           </p>
           <p>
               Así mismo, durante las últimas décadas del 'boom' inmobiliario se han ejecutado tres grandes 
               desarrollos urbanísticos (Lakua, Salburua y Zabalgana) que en mayor o menor medida han tratado 
               de seguir los correctos principios que propiciaron la ciudad previa.
           </p>
           <p>
               Un caso así solo ha podido deberse a una gestión responsable, en este caso personalizada en
               los alcaldes de la democracia: José Ángel Cuerda (PNV) precursor del modelo de ciudad que Vitoria 
               posee, Alfonso Alonso (PP) continuista del anterior y Patxi Lazcoz (PSE) que ha volcado su esfuerzo 
               en la candidatura a European Green Capital y en la imagen exterior de la ciudad.
           </p>
           <p>
               Desde el punto de vista técnico se debe reconocer la excelente labor del Área de Medioambiente 
               y Sostenibilidad del Ayuntamiento, así como el trabajo del CEA (Centro de Estudios Ambientales), 
               la joya de la política medioambiental vitoriana y uno de los organismos que hacen tan especial la 
               gestión de su consistorio. El CEA ha realizado una labor humilde pero esmerada desde su creación en 
               1995, concibiendo uno de los mejores anillos verdes de Europa y concienciando tanto a la ciudadanía 
               como (y esto ha sido determinante) al resto del pleno de la responsabilidad medioambiental. 
           </p>
           <p>
               No se deben olvidar otros factores que han favorecido el equilibrado desarrollo de la ciudad. 
               En el plano económico la adecuada localización como centro logístico y consecuentemente la implantación 
               de importantes empresas (Michelin, Mercedes...) , en lo político el reconocimiento como capital de la 
               Comunidad Autónoma del País Vasco, con sus consecuencias estratégicas y económicas, y por último un 
               crecimiento poblacional en todo momento controlable y asumible.
           </p>
           <p>
               Creemos necesario alabar y exponer ejemplos como el presente en el que adecuadas políticas 
               urbanas tienen como consecuencia un entorno más habitable y un compromiso más respetuoso con 
               nuestro futuro.
           </p>
           <p2>
              Texto: por Iñaki Romero Fernández  de Larrea <a id="enlace_azul" href="http://paisajetransversal.blogspot.com/2011/02/vitoria-gasteiz-capital-verde-europea.html">&raquo;fuente</a>
           </p2>
           
                
           
           
       </div>
    </div><!--End of Content Area--> 
           
        </div><!-- End Of Container  -->
    </div><!-- End Of Mid Section -->
    
    
    
    
    <div id="templatemo_middle_section_2">
    	<div class="templatemo_container">
        	<div id="templatemo_middle_content">
       	  <div class="templatemo_three_col left_col bottom_section">
                	<div class="templatemo_title">
                    	<h1>Capital Verde Europea</h1>
                    </div>
              <p>El día 21 de octubre de 2010 le fue concedida 
                      a la ciudad de Vitoria-Gasteiz el premio 
                      European Green Capital 2012. Con el mismo la 
                      Comisión Europea reconoce la labor de la ciudad 
                      en materias medioambientales y la corona como 
                      ejemplo europeo de sostenibilidad urbana durante 
                      el citado año.</p>
                 
              <div class="templatemo_h_line">
                  
               <a id="enlace_azul" href="vitoria_verde.jsp">&raquo;Ver mas...</a>
               <div class="templatemo_h_line">
                    </div>
          </div>
                 </div>

                <div class="templatemo_three_col bottom_section bottom_middle_col">
                    <div class="logo_vitoria_verde">
                    <img src="images/vitoria_verde.jpeg"/>
                    </div>
                        	<div class="cleaner_width_left"></div>
                        	
                                <div class="cleaner_width_right"></div>      
                </div>
 
            	<div class="templatemo_three_col right_col bottom_section">
                	<div class="templatemo_title">
                    	<h3>Contacata con nosotros</h3>
                    </div>
                    <p>Puedes encontrarnos en Tuenti, Facebook, Twitter además de 
                        nuestro correo electronico.</p>
                        
                    <div class="templatemo_h_line">
                    </div>
                      <a id="enlace_azul" href="contacto.jsp" rel="facebox">&raquo; Contacto</a>
                    
                    <div class="templatemo_h_line">
                    </div>

                 </div>

                <div class="cleaner"></div>
            </div>
	    </div><!-- End Of Container  -->
    </div><!-- End Of Mid Section 2 -->

	<div id="templatemo_footer">
            <div class="logo_abajo">
                    <img src="images/titulo33_abajo.png"/>
                    </div>
      	Copyright ©  <a href="#">ociovitoria.com</a> |
        <a href="plantilla_index.jsp" target="_parent">Endika Sanchez & Hodei López</a>

    </div>
<!--  Free CSS Templates by TemplateMo.com  -->
